<template>
    <el-date-picker
            v-model="time"
            type="daterange"
            @change="getDateParam"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期">
    </el-date-picker>
</template>

<script>
    /**
     * 时间范围选择 年月日
     */
    export default {
        name: "EdDateTimeRange",
        props:{
            // 组件使用v-model 形式绑定值
            value:{
                type: [String,Array],
                default:function () {
                    return '';
                }
            },
        },
        data(){
            return {
                time:""
            }
        },
        watch:{
            value(val){
                this.time = val
            }
        },
        methods:{
            reset(){
                this.time = "";
            },
            getDateParam(date){
                let echoParams = {};
                if (date) {
                    echoParams.startTime = date[0];
                    echoParams.endTime = date[1];
                }else {
                    echoParams.startTime = '';
                    echoParams.endTime = '';
                }
                this.$emit("input",date);
                this.$emit('emit-echo-time-range',echoParams)
            }
        }
    }
</script>

<style scoped>

</style>